博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
django模板系统(下)
阅读量:4640 次
发布时间:2019-06-09

本文共 1533 字,大约阅读时间需要 5 分钟。

主要内容:母版,继承母版,块,组件,静态文件

母版

  
Title {% block page-css %} {% endblock %}

这是母板的标题

{% block page-main %}{% endblock %}

母板底部内容

{% block page-js %}{% endblock %}

注意:我们通常会在母版中定义页面专用的CSS块和JS块,方便子页面替换

 

继承母版

在子页面中在页面最上方使用下面的语法来继承母版

{% extends 'layouts.html' %}

 

块(block)

通过在模板中使用{% block xxx %} 来定义“块”。

在子页面中通过定义母版中的block名来对应替换母版中相应的内容。

{% block page-main %}    

花褪残红青杏小

燕子飞时

绿水人家绕

枝上柳绵吹又少

天涯何处无芳草

{% endblock %}

 

组件

可以将常用的页面内容如导航条,页尾信息等组件保存在单独的文件中,然后在需要使用的地方按如下语法导入即可。

{% include 'navbar.html' %}

 

静态文件相关

{% load static %}Hi!

引用JS文件时使用:

{% load static %}

某个文件多出被用到可以存为一个变量

{% load static %}{% static "images/hi.jpg" as myphoto %}

 

使用get_static_profix

{% load static %}Hi!

或者

{% load static %}{% get_static_prefix as STATIC_PREFIX %}Hi!Hello!

自定义simpletag

和自定义filter类似,只不过接受更灵活的参数。

定义注册simple tag

@register.simple_tag(name="plus")def plus(a, b, c):    return "{} + {} + {}".format(a, b, c)

使用自定义simple tag 

{% load app01_demo %}{
# simple tag #}{% plus "1" "2" "abc" %}

 

inclusion_tag

多用于返回HTML代码片段

示例:

templatetages/my_inclusion.py

from django import templateregister = template.Library()@register.inclusion_tag('result.html')def show_results(n):    n = 1 if n < 1 else int(n)    data = ["第{}项".format(i) for i in range(1, n+1)]    return {
"data": data}

templates/result.html

    {% for choice in data %}
  • {
    { choice }}
  • {% endfor %}

templates/index.html

  
inclusion_tag test{% load my_inclusion %}{% show_results 10 %}

 

转载于:https://www.cnblogs.com/ALADL/p/9767423.html

你可能感兴趣的文章
python 进程与线程(理论部分)
查看>>
什么是API
查看>>
Java反射中method.isBridge() 桥接方法
查看>>
[shiro学习笔记]第二节 shiro与web融合实现一个简单的授权认证
查看>>
强名称程序集(strong name assembly)——为程序集赋予强名称
查看>>
1028. List Sorting (25)
查看>>
BZOJ 1613: [Usaco2007 Jan]Running贝茜的晨练计划
查看>>
ubuntu 重启命令,ubuntu 重启网卡方法
查看>>
Linux的学习:
查看>>
JavaScript中的原型继承原理
查看>>
Python logger模块
查看>>
jquery控制css的display(控制元素的显示与隐藏)
查看>>
关于python做人工智能的一个网页(很牛逼)
查看>>
判断控件的CGRect是否重合,获取控件的最大XY值
查看>>
POJ-1128 Frame Stacking
查看>>
浏览器调试淘宝首页看到有趣的招聘信息
查看>>
ASP.NET Identity “角色-权限”管理 4
查看>>
[转][译]ASP.NET MVC 4 移动特性
查看>>
SurfaceView+MediaPlay的bug们
查看>>
网络表示学习总结
查看>>